@charset "utf-8";
/* CSS Document */
/*----------------style-------------------*/
.clear 	{clear: both; }
p {font: Arial, Helvetica, sans-serif; font-size: 12px; color:#333; padding-top: 5px; line-height: 18px; text-align: justify;}
.font11 {font-size: 11px; }
img 	{ background: none; border: none ; margin: 0; padding: 0; }
a:link 	{
	color: #C03;
	font-weight: bold;
	text-decoration: none;
}
a:visited 	{
	color: #C33;
	font-weight: normal;
}
a:hover {
	text-decoration:none;
	font-weight: bold;
}
ul li { list-style: none; }
h2 { font: "Times New Roman", Times, serif; font-weight: bold; color: #666; font-size: 17px;}
h3 { color: #F60; font-weight: bold; }
h4 {font-size: 14px; color: #C00;}

/*-----------conten-------------*/
#body 	{ background: #FFF url(../images/index-bg.jpg) repeat; width:100%; height: auto; font-family: Arial, Tahoma, Helvetica, sans-serif; font-size: 12px; color: #333; text-decoration: none;}
/*--------------wrapper-------------------*/
#header	{ background: url(../images/wapper-bg.jpg) repeat-x; width: 100%; height: 176px; margin: 0 auto; display: block; }
.wrapper { width: 960px; height: auto; display: block; margin: 0 auto; background: url(../images/index-bg.jpg) repeat; }
/*-------------logo----------------------*/
#logo-header { background: url(../images/logo.png) no-repeat; width: 246px; height: 176px; float: left;}
/*------------- navication --------------*/
#nav	{ width: 700px; height: 176px; display: block; float: right; margin: 0; padding: 0 0; }
#nav-lang	{ width: 170px; height: 39px; padding: 0 0 5px 0; margin: 0; float: right; }
#lang { /*background: url(../images/lang-bg.png);*/ width: 96px; height: 39px; float: right; }
#lang ul li	{ display: block; margin: 10px;float: right }
#nav-bar { width: 700px; height: 100px; margin-top: 15px; float: right;}
#nav-bar div { display: block; float: left; }
/*-------------- menu-bar --------------*/
#menu-bar { width: 950px; float: left; height: 28px; display: block; margin-top: 20px; margin-left: 10px; }
#menu-bar ul li { float: left; border-left: solid 1px #999; border-right: 1px  solid #999; height: 29px;}
#menu-bar ul li a {	color: #C33; line-height: 29px;	text-decoration: none;	text-transform: uppercase; display: block; height: 29px;  margin: 0 auto; padding: 0 17px;}
#menu-bar ul li a:hover, #menu-bar ul li a.active { color: #FFF;  margin: 0 auto; line-height: 29px; text-decoration: none; background:url(../images/menu-right.png) right no-repeat;}
#menu-bar li:hover, #menu-bar li.active { color: #FFF; background: url(../images/menu-left.png) left no-repeat; text-decoration: none; }
/*--------------- slice ------------------*/
#slice { width: 960px; height: 368px; display: block; background: url(../images/bg-slide.png) center no-repeat; margin: 0 auto; }
#slice-conten { width: 933px; height: 313px; margin: 0 auto;  }
#slice-num { width: 72px; height: 18px; float: right; margin-right: 30px; display: block;} 
#slice-num ul li { float: left; padding: 2px 5px; margin-left: 1px; background: #C00; color: #FC0 }
#slice-num ul li a { color: #FC0;}
#slice-num ul li a:hover { color: #FFF; }
/*--------------- left conten ------------------*/
.left-col { width: 640px; height: auto; float: left; display: block; margin-bottom: 20px; }
.title-left { width: 600px; height: auto; border-bottom: #CCC 1px solid; margin: 0 20px; }
.img-title { width: 41px; height: 41px; float: left; display: block; }
.title { float: left; padding: 15px 10px 10px; width: 73%}
/*-------------- conten - tintuc ----------*/
.col-news { width: 287px; height: auto; float: left; margin: 10px 0 10px 20px; display: block;  }
.img-news { width: 115px; height: 81px; padding: 1px; border:  #CCC 1px solid; float: left; }
.con-news { width: 158px; height: 85px; float: right; text-align: justify; }
.button-news { width: 287px; margin: 10px 0 3px 0; float: left; height: 80px;} 
/*-----------------*/
.left-tit { width: 118px; height: 25px; text-align: center; color: #fff; float: left; background: #666; line-height: 25px;}
.left-tit:hover { background:#C03; }
a.left-tit { color: #FFF; font-weight: normal; text-decoration: none; }
.left-tit a:hover { color: #FFF; padding: 5px 20px;}
/*------------------------*/
.right-tit { width: 158px; height: 25px; text-align: left; color: #333; background: #CCC url(../images/more.png) right no-repeat; line-height: 25px; float: right; padding-left: 10px; color: #333; font-weight:normal; }
a.right-tit { color:#333; font-weight: normal; }
a.right-tit:hover { text-decoration: underline; }
.right-tit a:hover { text-decoration: underline;}
/*---------more------------*/
.su-title {
    float: left;
    line-height: 20px;
    padding-left: 10px;
    text-align: left;
    width: 290px;
}
.more { width: 120px; height: 13px; line-height: 13px; text-transform: uppercase; color: #999; float: right;  text-align: left; margin-top: 5px;}
a.more { color:#999; font-weight: normal; }
/*-------------su kien-----------*/
.su-kien { width: 600px; margin: 5px 20px;} 
.date { color: #C03; font-size: 24px; border-right: solid 1px #666; text-align: right; padding-right: 5px; width: 40px; float: left;   height: 25px; line-height: 25px; font-weight: bold; margin-right: 3px; }
.month { background: #666; color: #FFF; text-align: center; width: 50px;   height: 25px; line-height: 25px; float: left; font-weight: bold; }
.event-content{min-height:60px;}
/*------------------- right col --------------*/
.title-right {
    border-bottom: 1px solid #CCCCCC;
    height: auto;
    margin: 0 10px;
    width: 300px;
}
.right-col { width: 320px; height: auto; float: left; display: block; margin-bottom: 20px; }
.title-right { width: 300px; height: auto; border-bottom: #CCC 1px solid; margin: 0 10px; }
/*----------gallery--------*/
#gal { background: url(../images/gallery.png) no-repeat; width: 300px; height: 181px; margin: 10px 10px 0 10px; padding-top: 1px;}
.gallery-img { width: 280px; height: 169px; margin: 8px 9px; }
.galimg { width: 280px; height: 169px; margin: 8px 9px; }
#gal-bottom { height: auto; width: 300px; float: left; margin: 0 10px; }
#gal-right { background: url(../images/gal-bottom-right.png) no-repeat; width: 76px; height: 32px; float: left; padding: 5px 15px}
#gal-left { width: 160px; height: 32px; float: left; padding: 5px 10px }
a#gal-left { color: #666; font-weight: normal; }
.gal-bt { width: 21px; height: 21px; margin: 0 5px 0 10px; float: left; }
/*---------- login ---------------*/
.login-left { width: 170px; float: left; }
.login-right { width: 110px; float: right; margin-right: 10px;}
/*----------- doi tac-------------*/
.doitac { width: 270px; height: 154px; padding: 6px 25px 2px 25px; border-bottom:#ccc 1px solid; }
.slide-dt { width: 200px; height: 35px; padding: 10px 60px; border-bottom: #CCC 1px solid; }
.slide-dt ul li { float: left; width: 63px; height: 35px; line-height: 20px; text-align: center; font-weight: bold; }
 .doitac-slide{ width: auto; height: 65px; margin: 0 7px; float: left; }
/*----------------- footer -------------*/
#footer { width: 100%; height: 120px; background:url(../images/bg-footer.png) repeat; padding-top: 20px;}
#ft-left {color: #FFF !important; padding-left: 20px; border-left: #666 1px solid; line-height: 14px; float: left; width: 400px; height: auto; font-size: 11px; }
#ft-right { float: right; width: 108px; height: 30px; margin-right: 100px; }
#ft-right ul li { padding: 0 5px; float: left; }
/*--------------Lien He--------------------*/
.list-style {line-height: 25px; text-align: left; padding: 10px 0 0;}
#map { width: 320px; height: 307px; float: right; border: #666 1px solid; margin-top: 20px; }
.phone { width: 600px; height: auto; border: #CCC 1px solid; line-height: 25px; margin-left: 20px;}
.phone-left { width: 210px; float: left;}
.phone-left ul li, .phone-right ul li{  height: 20px; line-height: 40px; border: #ccc 1px solid; padding: 0 20px; height: 40px;}
.phone-right { width: 390px; height: 25px; float: left;}
/*--------------------tin tuc -------------------*/
.date-time { width: 200px; padding: 5px 0; float: left; display: block; font-weight: bold; }
.social-right { width: 200px; float: right; padding: 5px 0; display: block; }
.social-right ul li { padding: 5px; float: left; }
.conten-conten { padding: 0 20px 20px; border-bottom: 1px solid #ccc;overflow: hidden; }
.img-conten { border: 1px solid #333; text-align: center; margin: 10px auto; padding: 2px;}
.conten-right { float: right; font-weight: bold; margin: 10px 0; }
/*------------ trang tin ---------------------*/
.img-big { width: 324px; height: 204px; background: #FFF; border: 1px solid #999; padding: 2px; float: left; }
.img-smail { width: 223px; height: 136px; background: #FFF; border: 1px solid #999; padding: 2px; float: left; }
.right-conten-big { width: 250px; float: left; height: 210px;  margin: 0 10px;}
.right-conten-smaill { width: 330px; float: left; height: 136px; margin: 0 10px;}
/*----------------number-------------------------*/
.conten-right ul li { float: left; margin: 0 5px;}
.conten-right a {float: left; padding: 2px 5px;margin: 0 1px; color: #666; border: #CCC 1px solid}
.conten-right strong{float: left; padding: 2px 5px; color: #666;}
.conten-right a:hover { color: #FFF; background: #C00; text-decoration: none;}
/*---------------gallery - show--------------------------*/
.img-show { width: 600px; height: 400px; padding: 2px; border: #666 1px solid; }
.gal-slide { width: 610px; height: 85px; line-height: 85px; margin-top: 10px; background: url(../img/bg-footer.png) repeat; }
.gal-img { width: 570px; height: 65px; margin: 10px 5px; display: block; float: left; }
.gal-img-thump { width: 100px; white-space: 65px; margin: 0 7px; float: left; }
/*------------- video --------------------*/
.video-pre { width: 88px; float: left; height: 60px; display: block; padding: 2px; border: 1px #333 solid; margin: 3px; }
#f-video {
    height: 240px;
    margin: 10px 10px 0;
    padding-top: 1px;
    width: 300px;
}
.frame-video {
    background: url("../images/video.jpg") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    height: 240px;
    width: 300px;
}
.VideoStartPlay {
    cursor: pointer;
    height: 240px;
    width: 300px;
}


.video-show { width: 448px; height: auto; margin: 20px 75px 10px 75px; }
.video-show ul li {  width: 120px; white-space: 65px; margin: 0  14px; float: left;}
#footer #ft-left{
    color:#CC3373;
}

.clearFix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

body#articlePage #titleHolder {
    min-height: 130px;
}

#titleHolder, #content h1 {
    color: #FFFFFF;
}

#titleHolder {
    height: 1%;
    position: relative;
}
.titleHolderInner {
    margin: 0 auto;
    width: 620px;
}
#titleHolder #scrollButtons {
    cursor: default;
    margin: auto;
    position: relative;
    width: 620px;
}
#titleHolder #scrollButtons img.scrollRight {
    left: auto;
    right: 0;
}
#titleHolder #scrollButtons img.scrollLeft, #titleHolder #scrollButtons img.scrollRight {
    position: absolute;
    top: 55px;
}
.scrollLeft, .scrollRight {
    opacity: 0.85;
}

div#scrollButtons div.minWidth {
    height: 150px;
    width: 535px;
}

#titleHolder .minWidth {
    overflow: hidden;
    position: relative;
    width: 540px;
}

.minWidth {
    margin: auto;
}

#titleHolder #scrollButtons ul {
    width: 9999px;
}

#titleHolder ul {
    padding: 12px 0 6px;
}
#titleHolder #scrollButtons li {
    display: block;
    height: 120px;
    margin: 0;
    padding: 18px;
    width: 132px;
}

#titleHolder li {
    float: left;
    margin: 18px;
    position: relative;
}
ul#articleStrip img{
    width:118px;
    height:110px;
}
.conten-conten img{
    border:none;
}